/*****通用编码******/
* {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none;/*只针对低版本谷歌*/
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
*, :after, :before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* 谷歌 */
	-moz-box-sizing: border-box; /* Firefox */
}
body, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: "Segoe UI", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, Helvetica, Arial, Tahoma, sans-serif, \5b8b\4f53;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}/*解决IE6下滚动抖动的问题*/
body {
	color: #666;
	_overflow: hidden;
	line-height: 1.5;
	overflow-x: hidden;
	background: #fff;
	width: 100%;
*cursor: default;
}
img {
	border: none;
	vertical-align: middle;
}
ul, ol, li, form, dl {
	list-style: none;
}
p {
	margin: 0px;
	padding: 0px;
}
/*-------给a加时间过渡、清除默认样式---------*/
a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
	color: #666;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
a:hover {
	color: #3c6af1;
}
a:active, a:hover {
	text-decoration: none
}
a, area, a:active {
blr:expression(this.onFocus=this.blur());
}
:focus {
	-moz-outline-style: none;
}
/*在浏览器拖动鼠标颜色*/
::selection {
	color: #fff;
	background-color: #1883ff;
}
::-moz-selection {
color: #fff;
background-color: #1883ff;
}
/*更改浏览器滚动条颜色兼容*/
html, body {
	/*更改ie内核滚动条颜色*/
	scrollbar-face-color: #125cb3;
	scrollbar-highlight-color: #125cb3;
	scrollbar-shadow-color: #125cb3;
	scrollbar-3dlight-color: #125cb3;
	scrollbar-arrow-color: #222;
	scrollbar-track-color: #222;
	scrollbar-darkshadow-color: #125cb3;
}
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar {
width:8px;
height: 8px;
background-color: #fcfcfc;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fcfcfc;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #bfc3c6;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
/*-------表单居中、清理描边---------*/
input, button, select, textarea {
	outline: none
}
input, select, textarea, button {
	vertical-align: middle
}
button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}
input[type=submit] {
	cursor: pointer;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
/*----- 表格重置-----*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
caption {
	display: none;
}
/*----- clearfix-----*/
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: '';
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
/*----- 超出省略号///-----*/
.toe {
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/**font-size**/
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f12 {
	font-size: 12px;
}
.f24 {
	font-size: 24px;
}
.w80{width:80%;margin: 0 auto}
/**font**/
@font-face {
  font-family: 'iconfont';  /* project id 1539462 */
  src: url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.eot');
  src: url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1539462_7kgi4zddbar.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.header {
	position: relative;
	z-index:100;
}
/**top**/
.top {
	width: 100%;
	height:80px;
	position: fixed;
	background: rgba(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px 0px;
	top: 0px;
}
.top .logo {
	position: absolute;
	left: 2.5%;
	top: 50%;
	color: #fff;
	cursor: pointer;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	z-index:100;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.top .logo a img {
	max-width: 100%;
	max-height: 90px;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	-webkit-transform-origin: left center;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
/**pcnav**/
.pcnav {
	height:80px;
	width: 100%;
    right: 0;
    text-align: center;
    background-color: rgba(255,255,255,0.85);
    position: absolute;
    transition: .5s all ease;
    box-shadow: 10px 1px 10px 1px rgba(128,128,128,0);
    overflow: hidden;
}
.pcnav:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 475px;
    left: 0;
    opacity: 0;
    transition: .5s all ease;
    top:80px;
}
.pcnav.active{
    height:408px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.pcnavinfo {
	width:75%;
	float: right!important;
}
.pcnavinfo ul {
    right: 0;
    position: relative;
    transition: .5s all ease;
    width: 100%;
    float: right;
    z-index: 5;
    height: 100%;
}
.pcnavinfo li {
	float: left;
	width:12.5%;
	position: relative;
}
.pcnavinfo>li>a {
	padding: 15px;
	height:80px;
	line-height: 20px;
	display: -webkit-box !important;
	display: flex !important;
	display: -ms-flexbox !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	color: black;
	cursor: pointer;
	border-radius: 0px !important;
	color: #666;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
}
.pcnavinfo>li>a::after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background-color: #3c6af1;
	position: absolute;
	opacity: 1;
	bottom: auto;
	left: 15px;
	right: auto;
	top: 0;
	transition: all 0s ease;
}
.pcnavinfo>li>a:hover::after {
	content: "";
	display: block;
	width: calc(100% - 30px);
	transition: all 0.3s ease;
}
.pcnav ul .f16 ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin-top: 0;
  height: 340px;
}
.pcnav ul .f16:hover ul {
  background: rgba(0,0,0,.1);
}

.pcnav ul .f16 ul li {
  line-height: 40px;
  height: 40px;
  width: 100%;
  position: relative;
  font-size: 14px;
}
.pcnav ul .f16 ul li a{display: block;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;height:100%;line-height: inherit;}
.pcnav ul .f16 ul li a:after {
  content: '';
  background:#3c6af1;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: ease .5s;
  height: 2px;
  width: 0;
}

@media(min-width:300px) and (max-width: 767px) {
.top {
	width: 100%;
	height:60px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: #fff;
}
.top .logo {
	width: 70%;
	height: 50px;
	left: 0;
	margin-top: 0
}
}

@media(min-width:768px) and (max-width: 991px) {
.top .logo {
	width: 50%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
.top .logo {
	width: 20%;
	left: 1%
}
}

@media(min-width:1440px) {
	.pcnav ul .f16 ul li:hover a:after{
		width:100%
	}
}
/*移动菜单折叠*/
.nav-toggle {
	width: 30px;
	height: 60px;
	float: right;
	cursor: pointer;
	position: relative;
	margin-right: 15px;
}
.nav-toggle .line {
	display: block;
	width: 30px;
	height: 1px;
	background: #999;
	position: absolute;
	right: 0;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}
.nav-toggle .line1 {
	top: 20px;
}
.nav-toggle .line2 {
	top: 30px;
}
.nav-toggle .line3 {
	top: 40px;
}
.nav-toggle.active .line1 {
	transform: rotate(45deg) translate(2px, 12px);
	-webkit-transform: rotate(45deg) translate(2px, 12px);
	-moz-transform: rotate(45deg) translate(2px, 12px);
}
.nav-toggle.active .line2 {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	opacity: 0;
}
.nav-toggle.active .line3 {
	transform: rotate(-45deg) translate(2px, -12px);
	-webkit-transform: rotate(-45deg) translate(2px, -12px);
	-moz-transform: rotate(-45deg) translate(2px, -12px);
}
/*移动端导航*/
.nav-bar {
	display: none;
	padding: 0 25px 0;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 59px;
	background-color: #fff;
	z-index: 200
}
.nav-bar.active {
	display: block;
}
.navbar-nav {
	margin: 0;
	padding-top: 10px
}
.navbar-nav ul {
	display: none
}
.navbar-nav li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.navbar-nav input[type=checkbox] {
	position: absolute;
	opacity: 0
}
.navbar-nav label, .navbar-nav a {
	position: relative;
	display: block;
	padding: 18px 18px 18px 32px;
	box-shadow: inset 0 -1px #eee;
	font-size: 1.6rem
}
.navbar-nav label::before, .navbar-nav a::after {
	/* icons */
  /*content: '\e600';*/
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	color: #f00;
	font-size: 16px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.navbar-nav label {
	cursor: pointer;
}
.navbar-nav label::before {
	background-repeat: no-repeat;
}
.navbar-nav label::before {
	/* arrow icon */
	left: 18px;
	background-position: 0 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
/**banner**/
.banner {
	margin-top:80px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner img {
	width: 100%;
	height: auto;
}
.banner .swiper-button-next, .banner .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: rgba(0,83,194,.3);
	text-align: center;
	line-height: 40px;
}
.banner .swiper-button-next i, .banner .swiper-button-prev i {
	color: #fff;
	font-size: 30px;
}
.banner .swiper-button-next {
	right: 10%;
}
.banner .swiper-button-prev {
	left: 10%;
}
.title {
	margin-bottom: 15px;
	padding: 15px 0;
	text-align: center;
}
.title img {
	margin: 0 auto;
}
/*产品和设备*/
.pro-box {
	padding: 20px 0;
}
.pro-tab {
	margin-bottom: 15px;
}
.pro-tab li {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0;
	text-align: center;
	color: #666;
	font-size: 20px;
	margin-right: 20px;
}
.pro-tab li.cur {
	border-bottom: 1px solid #3c6af1;
}
.pro-tab li.cur a {
	color: #3c6af1;
	font-weight: 700;
}
.pro-tab-cont {
	position: relative
}
.pro-tab-cont a.more,.news-tab-cont a.more {
	position: absolute;
	right: 0;
	top: -52px;
}
.pro-li p {
	text-align: center;
	line-height: 36px;
	font-size: 14px;
}
.pro-li p a {
	color: #333;
}
.pro-swiper-btn-prev, .dev-swiper-btn-prev {
	width: 18px;
	height: 34px;
	left: -60px;
	margin-top: -36px;
	background-size: 100%;
}
.pro-swiper-btn-next, .dev-swiper-btn-next {
	width: 18px;
	height: 34px;
	right: -60px;
	margin-top: -36px;
	background-size: 100%;
}

@media(min-width:300px) and (max-width: 767px) {
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*优势*/
.advantage {
	background: url(../images/bg1.jpg) repeat center;
}
.advantage .title,.cooperation .title{
	padding-top: 30px;
}
.advantage .title p,.cooperation .title p{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	color: #ffee00;
}
.adv-cont {
	padding-bottom: 30px;
}
.adv-list li {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
	color: #fff;
}
.adv-list li b {
	float: left;
	display: inline-block;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
}
.adv-list li div {
	width: calc(100% - 140px);
	float: right
}
.adv-list li span {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px
}
.adv-list li p {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 4px;
	color: #bacbff;
}
.adv-list li p i {
	display: block;
	width: 1px;
}

@media(min-width:300px) and (max-width: 767px) {
.advantage .title img {
	width: 58%;
}
.advantage .title p,.cooperation .title p {
	font-size: 18px;
}
.adv-list li b {
	width: 80px;
	height: 80px;
	line-height: 80px;
}
.adv-list li b img {
	width: 50%;
}
.adv-list li div {
	width: calc(100% - 100px);
}
.adv-list li span {
	font-size: 18px;
}
.adv-list li p {
	font-size: 14px;
}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*cases*/
.cases {
	margin:30px 0;
}
.case-tab-cont {
	position: relative;
}
.case-li a {
	display: block;
	border: 1px solid #fff;
}
.case-li a div {
	overflow: hidden;
}
.case-li a img {
	transition: ease .3s;
	-webkit-transition: ease 0.3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}
.case-li p {
	background: #f3f3f3;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #666;
}
.case-li a:hover {
	border-color: #3c69f0
}
.case-li a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2)
}
.case-li a:hover p {
	background: #3c69f0;
	color: #fff
}
.case-swiper-btn-prev,.case-swiper-btn-next{
	background-image: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.case-swiper-btn-prev i,.case-swiper-btn-next i{
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	line-height:48px;
	color:#fff;
	font-size:18px;
	background-color:#3c6af1;
	border-radius:50%;
	border:1px solid #3c6af1;
	box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 5px 0px;
}
.case-swiper-btn-prev {
	left:10px;
	margin-top: -36px;
}
.case-swiper-btn-next {
	right:10px;
	margin-top: -36px;
}
.case-swiper-btn-prev.swiper-button-disabled, .case-swiper-btn-next.swiper-button-disabled{opacity:1;}
.case-swiper-btn-prev.swiper-button-disabled i,.case-swiper-btn-next.swiper-button-disabled i{	
	color:#eee;
	border-color:#eee;
	background-color:#fff;
}
.cases-cont .more {
	text-align: center;
	margin: 30px 0 15px;
}
.cases-cont .more a {
	color: #ff9000;
	font-size: 16px;
	font-weight: 700
}

@media(min-width:300px) and (max-width: 767px) {
	.cases .title img {
		width: 72%;
	}
	.case-swiper-btn-prev,.case-swiper-btn-next{
		width:36px;
		height:36px;
		font-size:14px;
	}
	.case-swiper-btn-prev i,.case-swiper-btn-next i{
		line-height:36px;
	}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*合作伙伴*/
.cooperation{
	margin:30px 0;
	padding-bottom:30px;
	/*background-color: #3c6af1;*/
	background-image: url(../images/bg2.jpg);
	background-size: cover;
	background-attachment: fixed;
}
.cooperation .container{
	padding:0
}
.cop-li{
	display: table;
	position: relative;
	margin: 0;
	padding: 0;
	width:204px;
	height:120px;
	float: left;
	background:#fff;
	margin:15px;
}
.cop-li i{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}
.cop-li i img{
	max-width:180px;
	max-height:100px;
	cursor: pointer;
	transition:transform 1s ease-out;
}
.cop-li i img:hover{
	transform:rotateZ(360deg)
}
@media(min-width:300px) and (max-width: 767px) {
	.cooperation .title img {
		width: 72%;
	}
	.cop-li{
		width:28.8%;
		height:70px;
		margin:15px 0 0 15px
	}
	.cop-li i img{
		max-width:60%;
		max-height:50px;
}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*news*/
.news {
	padding-bottom: 45px;
}
.news-box {
	padding-left: 0
}
.news-tab-cont{
	position:relative;
}
.picNews-box {
	overflow: hidden;
	border-bottom: 1px solid #ececec;
}
.picNews-box .pic-news-li{padding:0;margin-bottom:15px}
.picNews-box .pic-news-li:first-child{
	padding-right: 15px;
}
.picNews-box .pic-news-li:last-child{
	padding-left: 15px;
}
.newsImg {
	padding: 0
}
.newsTxt {
	padding-right: 0;
}
.picNews-box h4 {
	margin-bottom: 5px
}
.picNews-box h4 a {
	font-size: 16px;
	color: #3c6af1;
	font-weight: 700;
}
.picNews-box p {
	font-size: 14px;
	margin-bottom: 5px;
	color: #666;
	text-align: justify;
	line-height: 22px;
	height:88px;
	overflow: hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.newsList-box {
	margin: 10px 0;
}
.newsList-box li {
	overflow: hidden;
	width:50%;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	font-size: 14px;
}
.newsList-box li:nth-child(odd){
	padding-right: 15px;
}
.newsList-box li:nth-child(even){
	padding-left: 15px;
}
.newsList-box li a {
	color: #666;
}
.newsList-box li i{
	font-size:12px;
	padding-right:8px;
}
.newsList-box li a:hover {
	color: #3c6af1;
}
.newsList-box li span.time {
	float: right;
	color: #9f9e9e;
}
@media(min-width:300px) and (max-width: 767px) {
	.picNews-box .pic-news-li:first-child,.picNews-box .pic-news-li:last-child{
	padding:0;
	}
	.picNews-box p{
		height:44px;
		-webkit-line-clamp:2;
	}
	.newsList-box li{
		width:100%;
		float:none;
	}
	.newsList-box li:nth-child(odd),.newsList-box li:nth-child(even){
		padding: 0
	}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*次页*/
.subcontent{margin-top:80px; position: relative;z-index:3}
.subbanner{position: relative;z-index:6;background-color:#000;}
.subbanner img{opacity:0.7;max-width:100%;}
.subcontent .subbanner .t{position: absolute;left: 10%;width: 80%;height: auto;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subcontent .subbanner .t h1{
	font-size: 40px;
    font-weight: normal;
    color: #fff;
}
.subcontent .subbanner .t h3{
	font-size: 20px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

.about{padding-top:30px;overflow: hidden;}
/*左侧*/
.page-title {
	width:20%;
	float: left
}
.page-title li {
	margin-bottom: 10px
}
.page-title li a {
	display: block;
	text-align: center;
	padding: 8px 0;
	border: #f1f1f1 1px solid;
	border-radius: 3px;
}
.page-title li a.active, .page-title li a:hover {
	background: #3c6af1;
	color: #fff;
	border: #3c6af1 1px solid;
}
/*右侧内容*/
.page-box {
	width:75%;
	float: left;
	margin-left: 30px;
	padding-left: 30px;
	border-left: #eee 1px solid;
	min-height: 500px;
}
.page-box-title {
	font-size: 16px;
	border-bottom: 1px solid #eee;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight:700;
	color:#000
}
.page-box-title:after {
	content: "";
	position: absolute;
	width: 64px;
	height: 2px;
	content: "";
	background: #000;
	left: 0;
	bottom: -1px;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.page-box-title:hover:after {
	width: 80px;
}
.page-box-content {
	line-height: 26px;
	;
}
.page-box-content p {
	margin-bottom: 15px;
}
.page-box-content img {
	max-width: 100%;
	margin: 10px auto
}
.page-box-content h2, .page-box-content h3, .page-box-content h4, .page-box-content h5, .page-box-content h6 {
	font-size: 16px;
	margin: 20px 0;
	position: relative;
}
.page-box-content h2:before, .page-box-content h3:before, .page-box-content h4:before, .page-box-content h5:before, .page-box-content h6:before {
	position: absolute;
	content: "";
	background: #1487f4;
	width: 3px;
	height: 100%;
	left: -32px;
	bottom: 0;
}
.page-path{position: absolute;right:0;width:100%;height: auto;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: right;
}
.page-box-content a {
	color: #39F
}
@media(min-width:300px) and (max-width: 767px) {
	.subcontent{margin-top:60px;}
	.subbanner img{height:150px;opacity: 0.5}
	.subcontent .subbanner .t h1{font-size:22px;}
	.subcontent .subbanner .t h3{font-size:18px;margin-top: 5px}
	.about{padding-top:15px;}
	.page-title {width: 100%;float: left;}
	.page-title li {width: 100px;float: left;margin-right: 10px;}
	.page-box {width: 100%;margin-left: 0;padding-left: 0;border: none;margin-top: 10px;
}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (max-width: 1024px){
	.w80{width: 92%;}
}
@media(min-width:1200px) {
}

@media(min-width:1440px) {
}

/*page news*/
.newsbg{background-color:#f5f5f5;padding:30px 0 50px 0}
.newsbg .news{padding-bottom:0}
.newsbg .news li{
	width: -webkit-calc((100% - 80px) / 4);
    width: calc((100% - 80px) / 4);
    float: left;
    margin: 0 10px 20px 10px;
}
.newsbg .news a{
	display: block;
	padding: 30px 0 0;
	position: relative;
}
.newsbg .news a img{
	width: auto;
    position: relative;
    overflow: hidden;
    float: none;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-position: center;
}
.newsbg .news a .img {
    width: auto;
    position: relative;
    overflow: hidden;
    float: none;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.newsbg .news a h1 {
    font-size: 20px;
    font-weight: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 15px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 15px;
	color:#404040
}
.newsbg .news a h1:before {
    width: 0%;
    height: 2px;
    background: #3c6af1;
    position: absolute;
    display: block;
    content: "";
    bottom: 0px;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.newsbg .news a h1:after {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    display: block;
    content: "";
    bottom: 1px;
    left: 0;
}
.newsbg .news a:hover h1:before {
    width: 100%;
}
.newsbg .news a .img .op {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.newsbg .news a:hover .img .op {
    top: 0;
}
.newsbg .news a .img .i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    margin: -25px 0 0 -25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #fff;
}
.newsbg .news a p {
    line-height: 1.6;
    height: 44px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(min-width:300px) and (max-width: 767px) {
	.newsbg{padding-top:30px;}
	.newsbg .news li{width:100%;margin-right: 2vw;margin-bottom: 0;margin-left: 0}
	.newsbg .news a{padding:3vw 0;}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	.newsbg .news li {
		width: -webkit-calc(50% - 1vw);
		width: calc(50% - 1vw);
		margin-right: 2vw;
		margin-bottom: 0;
		margin-left: 0
	}
	.newsbg .news li:nth-child(2n) {
    margin-right: 0;
	}
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*新闻详情*/
.subcontent .left {
    width: -webkit-calc(100% - 380px);
    width: calc(100% - 380px);
    float: left;
    margin-top: 30px;
}
.subcontent .left h1 {
    font-size: 24px;
    font-weight: normal;
    padding: 15px 0;
	color:#3e3e3e;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    padding-right: 100px;
}
.subcontent .left h1 a.bl {
    position: absolute;
    background-color:#3c6af1;
    color: #fff;
    font-size: 14px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    right: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
}
.subcontent .left .con p {
    line-height:2;
}
.subcontent .left .con img{
	display: inline-block;
	max-width: 100%;
	height: auto!important
}
/*info-pre-next*/
.info-pre-next {
	overflow: hidden;
	margin: 20px 0;
}
.info-pre-next ul li {
	width: 50%;
	float: left;
	overflow: hidden;
}
.info-pre-next ul li a {
	display: block;
	overflow: hidden;
}
.info-pre-next ul li:nth-child(1) a {
	margin-right: 10px;
}
.info-pre-next ul li:nth-child(2) a {
	margin-left: 10px;
}
.info-pre-next ul li i {
	display: block;
	width: 130px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	position: relative;
}
.info-pre-next em {
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;
	color: #ffffff;
	font-size: 16px;
	width: 100%;
	line-height: 80px;
	text-align: center;
	background: rgba(0,0,0,.2);
	z-index: 1;
}
.info-pre-next img {
	width: 100%;
	transition: .5s;
}
.info-pre-next h2 {
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.info-pre-next p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.info-pre-next li:hover img {
	transform: scale(1.2);
}

.subcontent .right {
    width: 300px;
    float: right;
    margin-top: 40px;
}
.subcontent .right h2 {
    font-size: 24px;
    font-weight: normal;
    text-indent: 20px;
    position: relative;
	color:#3e3e3e;
}
.subcontent .right h2:after {
    width: 5px;
    height: 100%;
    background:#3c6af1;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.subcontent .right .d {
    margin: 0 0 80px 0;
}
.subcontent ul.d a {
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.subcontent .right li .icon {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.subcontent .right li .icon img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent .right li p {
    opacity: 0.8;
    line-height: 1.6;
}

@media only screen and (max-width: 1024px){
	.subcontent .left {
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
	}
	.subcontent .left h1 {
		font-size: 20px;
		padding-top: 50px;
		padding-right: 0
	}
	.subcontent .left h1 a.bl {
		width: 100%;
		top: 0px;
	}
}

@media(min-width:300px) and (max-width: 767px) {
	.subcontent .left {margin-top: 0;width: 100%;}
	.info-pre-next ul li {
		width: 100%;
		overflow: hidden;
		float: none;
		margin-bottom: 10px;
		border-bottom: #eee 1px solid;
		padding-bottom: 10px;
	}
	.info-pre-next ul li:nth-child(2) a {
		margin-left: 0;
	}
	.subcontent .right {width: 100%;margin-top: 0}
	.subcontent .right .d {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom:20px
	}
	.subcontent .right .d li {
		width: 48.5%;
	}
	.subcontent .right .d li:nth-child(2n) {
		margin-left: 3%;
	}
}

@media(min-width:768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
	.subcontent .left {width: 100%;}
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*分页*/
.page {
	margin-top:30px;
	text-align: center;
}
.page a {
	padding: 0 14px;
	display: inline-block;
	line-height:30px;
	color: #666;
	font-size: 14px;
	margin: 0 2px 2px;
	background-color: #efefef;
	border: 1px solid rgba(55, 55, 55, 0.2)
}
.page a:hover, .page a.cur, .page a.on {
	background:#3c6af1;
	color: #fff;
}
.page .active {
	background: #3c6af1;
	color: #fff;
	border-color:#3c6af1
}
/*page cases*/
.subcontent ul.cases{margin-top:0}
.subcontent ul.cases a {
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.subcontent ul.cases a .img {
    float: left;
    width: 317px;
    overflow: hidden;
    position: relative;
}
.subcontent ul.cases a .img .img1 {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.subcontent ul.cases a:hover .img1 {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%);
}
.subcontent ul.cases a .r {
    float: left;
    margin-left: 4%;
    width: -webkit-calc(100% - 417px);
    width: calc(100% - 417px);
}
.subcontent ul.cases a .r h2 {
    font-size: 22px;
    color: #222;
    font-weight: normal;
    width: 90%;
    padding: 20px 0 15px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent ul.cases a .r p {
    color: #222;
    opacity: 0.6;
    font-size: 14px;
    width: 85%;
    margin-bottom: 30px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent ul.cases a .r .time {
    color: #222;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent ul.cases a .r .rmore {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #222;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent ul.cases a .r .rmore:before {
    height: 30px;
    width: 1px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: -50px;
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subcontent ul.cases a .r .rmore span {
    font-size:14px;
    float: right;
}
.subcontent ul.cases a:hover h2,.subcontent ul.cases a:hover p,.subcontent ul.cases a:hover .time,.subcontent ul.cases a:hover .rmore{ color:#3c6af1}
.subcontent ul.cases a:hover .rmore{
    -webkit-transform: translateY(-50%) translateX(10px);
    -ms-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
}
.subcontent ul.cases a:hover .rmore:before{background:#3c6af1}

@media(min-width:300px) and (max-width: 767px) {	
	.subcontent ul.cases a {
		padding: 3vw 0;
	}
	.subcontent ul.cases a .img {
		width: 100%;
		float: none;
	}
	.subcontent ul.cases a .r {
		position: relative;
		float: none;
		width: 100%;
		margin: 0;
		padding-top: 15px;
	}
	.subcontent ul.cases a .r h2 {
		font-size: 17px;
		font-weight: 700;
		padding-top: 10px;
	}
	.subcontent ul.cases a .r p {
		margin-bottom: 10px;
		width: 100%;
	}
	.subcontent ul a .r .rmore {
		display: none;
	}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}
/*Recruitment*/
.joinus {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.joinus-left {
    width: 22%;
}
.jl-cont {
    width: 100%;
    padding-top: 142px;
    padding-left: 35px;
    padding-bottom: 60px;
    background:#3c6af1;
    color: #fff;
    position: relative;
}
.joinus-left h3 {
    font-weight: 400;
    padding-bottom: 15px;
    font-size: 22px;
}
.jl-cont::after {
    content: '';
    width: 35px;
    height: 26px;
    background: url(../images/zpyouxiang.png) no-repeat;
    position: absolute;
    top: 45px;
    left: 35px;
}
.joinus-right {
    width: 76%;
}
.joinus-right>ul>li {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid rgba(0,0,0,.05);
    background: #fff;
}
.joinus-right ul li .jtop {
    width: 100%;
    height: auto;
    padding: 25px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.joinus-right ul li .jtop .name {
    width: 200px;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 30px;
    overflow: hidden;
    font-weight: bold;
}
.joinus-right ul li .jtop .des {
    width: calc(100% - 250px);
    float: left;
    font-size: 14px;
    line-height: 30px;
    opacity: .7;
}
.joinus-right ul li .jtop .des span {
    position: relative;
    padding: 0 12px 0 10px;
}
.joinus-right ul li .jtop .des span::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    background: rgba(0,0,0,.1);
    content: '';
    display: block;
}
.joinus-right ul li .jtop .des span:last-child::after{
	width: 0
}
.joinus-right ul li .jdes {
    width: 100%;
    height: auto;
    position: relative;
    padding: 25px;
    font-size: 16px;
    line-height: 1.7;
    display: none;
    border-top: 1px solid rgba(0,0,0,.05);
}
.joinus-right ul li .jdes p {
    margin-bottom: 10px;
}
.joinus-right ul li .jtop::before {
    width: 2px;
    height: 16px;
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -8px;
    background: #000;
    display: block;
    content: '';
}
.joinus-right ul li .jtop::after {
    width: 16px;
    height: 2px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -1px;
    background: #000;
    display: block;
    content: '';
}
.joinus-right ul li .jdes.active {
    display: block;
}
.joinus-right ul li .jtop.active::before{width: 0}
.joinus-right ul li .jtop.active .name {
    color:#3c6af1;
}
@media(min-width:300px) and (max-width: 767px) {
	.joinus {
		display: block;
		padding-top:0;
	}
	.joinus-left, .joinus-right {
		width: 100%;
	}
	.joinus-left {
		margin-bottom: 20px;
	}
	.jl-cont {
		padding: 15px;
	}
	.jl-cont::after{width: 0;background:none;height:0}
	.joinus-left h3 {
		font-size: 16px;
		padding-bottom:5px;
	}
	.joinus-right ul li .jtop .des, .joinus-right ul li .jtop .name {
		width: 100%;
	}
}
@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}

/*contact us*/
#allmap{width:100%;height: 520px;}
.BMap_bubble_content h2{
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
}
.BMap_bubble_content p {
    font-size: 14px;
    width: 320px;
    opacity: .7;
}

/*footer*/
.footer {
	background:#4e4e4e;
	position: relative;
	margin-top: 0;
	overflow: hidden;
	clear: both;
}
.f_t {
	position: relative;
	width:1170px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
}
.footer em, .footer i {
	font-style: normal;
}
.f_con {
	margin-top: 40px;
}
.f_logo {
	overflow: hidden;
	margin: 80px 20px 0 0;
}
.f_logo span {
	display: block;
	margin: 0 auto 11px;
	width: 121px;
	height: 78px;
}
.f_logo img {
	width: 121px;
	height: 78px;
}
.f_logo p {
	margin: 0 auto;
	width: 103px;
	height: 117px;
	overflow: hidden;
	background: #80adcb;
}
.f_logo p img {
	width: 87px;
	height: 86px;
	display: block;
	margin: 6px auto 0;
}
.f_logo p i {
	display: block;
	text-align: center;
	color: #263139;
	line-height: 25px;
}
.f_all {
	float: left;
	width: 325px;
	overflow: hidden;
}
.f_h3 {
	height: 46px;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
	line-height: 46px;
	color: #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
.f_h3 a {
	color: #d0d0d0;
	font-weight: 700;
}
.f_all {
	overflow: hidden;
	color: #d0d0d0;
	line-height: 30px;
}
.f_all a {
	color: #d0d0d0;
}
.f_all b {
	margin-left: 0px;
	font-size: 24px;
	line-height: 28px;
}
.f_all em {
	display: block;
	margin-bottom: 4px;
}
.f_all i {
	padding-right: 12px;
}
.f_pro {
	float: left;
	width: 150px;
	margin-left: 68px;
}
.f_pro .f_h3 img {
	padding-left: 10px;
}
.f_pro ul li {
	line-height: 28px;
}
.f_pro ul li a {
	color: #d0d0d0;
}
.footer .copyright{
	background-color:#000;
	line-height:50px;
}
.footer .copyright .c{width:1170px;font-size:14px;margin: 0 auto;}
.footer .copyright a{color:rgba(255, 255, 255, 0.5);margin-left:5px;}
.footer .copyright .cl{text-transform: uppercase; float:left;color:rgba(255, 255, 255, 0.5)}
.footer .copyright .cr{float:right}
.copyright .flag_m{display: none;}

/*返回顶部*/
.to-top {
	transition: all 1s linear;
	background: url(../images/totop.png) no-repeat 0 0 #3c69f0;
	width: 84px;
	height: 84px;
	text-indent: -9999em;
	z-index:99;
}
@media(min-width:300px) and (max-width: 767px) {
	.f_t{width:92%;}
	.f_con{margin-top: 0}
	.f_all{width:100%;float: none;}
	.f_logo{float: none;padding-top:30px;margin: 0}
	.footer .copyright{padding:15px 0 75px;font-size:12px;line-height:24px;}
	.footer .copyright .c{width:92%;text-align: center;}
	.footer .copyright .cl{float:none}
	.footer .copyright .cr{float:none}
	#allmap{height:300px;}
}

@media(min-width:768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media(min-width:1200px) {
}

@media(min-width:1440px) {
}

/*移动 底部浮动框*/
.mNav-fixded {
	width: 100%;
	background-color: #0071cd;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}
.mNav-fixded ul {
	padding: 8px 0;
}
.mNav-fixded li {
	text-align: center;
	border-right: 1px solid #3c94dc;
}
.mNav-fixded a {
	color: #fff;
}
.mNav-fixded li:last-child {
	border-right: none;
}
.mNav-fixded i {
	display: block;
	font-size: 2rem;
	height: 2.625rem;
}
.mNav-fixded li span {
	vertical-align: top;
	display: block;
}
/*站点地图*/
.path{width:100%;height: auto;overflow: hidden;line-height: 20px;border-bottom:1px solid #eee;padding:15px 0;}
.path .icon{float: left;width:20px;height:20px;}
.path .p_nav{float: left;width:auto;margin-left:8px;}
.sitemap,.sitemap .sub_map{width:100%;height:auto;overflow:hidden}
.sitemap h1{margin-bottom:0;display:block;line-height:40px;font-size:18px;border-bottom:1px dotted rgba(0,0,0,.1)}
.sitemap h1 a{color:#3e3e3e;font-weight:700;font-size:18px;}
.sitemap ul li{margin-bottom:20px}
.sitemap .sub_map{display:block}
.sitemap .sub_map a{display:block;line-height:35px;float:left;margin-right:25px;font-size:16px}

@media(max-width:1200px) and (min-width:1080px) {
#Header ul li a {
	padding: 0 8px;
}
}

@media(max-width:1080px) {
#Header h1 {
	width: 30%;
	background-size: contain
}
#Header ul {
	width: 60%
}
#Header ul li {
	margin: 0 0;
}
#Header ul li a {
	padding: 0 10px
}
}

@media(min-width:768px) and (max-width:992px) {
.m-products {
	display: block!important
}
.cases {
	display: none;
}
.m-cases {
	display: block!important
}
.advantage {
	display: none;
}
#Header ul {
	width: 68%
}
#Header ul li {
	margin: 0
}
#Header ul li a {
	padding: 0 4px;
}
}

@media(max-width:760px) {
.banner {
	margin-top: 60px;
}
.pro-r ul {
	padding-left: 2%
}

.tab-photo {
	display: none;
}
.news-box, .news-box:last-child {
	padding: 0 15px;
}
.news-tit {
	height: 52px;
	line-height: 52px;
}
.news-tit strong {
	font-size: 1.625em;
	font-weight: 700;
	color: #0071cd;
}
.news-tit a {
	line-height: 52px;
}
.content {
	margin-top: 60px;
}
.content .container {
	padding: 0
}
.pro-list {
	margin-right: 15px;
}
.pro-list li {
	padding-right: 0
}
.details-box {
	margin-bottom: 20px;
}
.pro-p-tel a {
	display: block;
}
.cs-txt p {
	max-height: 48px;
	overflow: hidden
}
.basic-info {
	padding: 0 0 10px;
}
.news-text h3 {
	font-size: 16px;
}
.news-up-notice .nt-title span {
	width: 32%
}
.det-bd img, .detail-txt img {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
}
.contL {
	padding: 15px 15px 0;
}
.contR {
	padding-top: 0
}
.sub-classfy {
	border: none
}
.sub-classfy .link, .sub-classfy .show .link {
	background-image: none;
}
.contR .pro-list {
	width: 96%;
}
.contR .pro-list li {
	padding-left: 15px;
}
.p-about-pic {
	padding: 0 15px;
	width: 100%;
}
.cotact-cont img {
	width: 28%
}
.contR .pro-list li p {
	height: auto;
}
.to-top {
	bottom: 84px;
	width: 60px;
	height: 60px;
	background-size: contain;
}
/*站点地图*/
.copyright .flag_m{display:block!important;}
}